import React from "react";
import { Row, Col, Card, Radio } from 'antd';
// 国际化配置
import '../OperationalView/index.less'
// 运营投放
import TotalTransactions from './TotalTransactions'
// 平台账户交易总量
import AccountTransaction from './AccountTransaction'
// 商户和平币交易
import MerchantHPCTransaction from './MerchantHPCTransaction'
// 积分激励
import Integral from './Integral'


const OperationalView = () => {
  return (
    <>
      <Row gutter={[16, 16]}>
        <Col xs={24} sm={24} md={24} lg={12} xl={12}>
          <Integral />
        </Col>
        <Col xs={24} sm={24} md={24} lg={12} xl={12}>
          <AccountTransaction />
        </Col>
        <Col xs={24} sm={24} md={24} lg={12} xl={12}>
          <MerchantHPCTransaction />
        </Col>
        <Col xs={24} sm={24} md={24} lg={12} xl={12}>
          <TotalTransactions />
        </Col>
      </Row>
    </>

  )
}

export default OperationalView